<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>01_HelloWorld</title>
</head>
<body>
<div id="test"></div>
<script type="text/javascript" src="../js/react.development.js"></script> <!-- react 核心库 -->
<script type="text/javascript" src="../js/react-dom.development.js"></script> <!-- react 操作dom的扩展库 -->
<script type="text/javascript" src="../js/babel.min.js"></script><!-- 解析JSX语法代码转化为纯JS语法代码的库 -->
<script type="text/babel">/* 告诉babel.js 解析里面的jsx的代码 */
    var vDom = <h1>Hello React!</h1>; // 这个就是JSX语法，直接写标签就可以了
    ReactDOM.render(vDom, document.getElementById("test"));
</script>
</body>
</html>
